
#top {
    width: 100%;
    height: 20px;
    background-color: #036fab;
    color: white;
    margin: 0px auto 5px auto;
    font-weight: bold;
    font-size: 14px;

}

#bottom {
    clear:both;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    clear: both;
    width: 100%;
}

#left {
    background-color: #ece3a5;
    padding: 5px;
    width: 200px;
    vertical-align: top;
}

#content {
    background-color: #ffffff;
    vertical-align: top;
    width: 100%;
    margin: 5px auto 0px auto;
}

#titulo {
    padding: 5px;
    vertical-align: top;
    width: 100%;
    margin: 5px auto 0px auto;
    font-weight: bold;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}

.header {
    border:1px solid #acbece;
    background:#acbece url("#{resource['primefaces-glass-x:images/header.png']}") 0% 50% repeat-x;
    color:#000000;
    margin-top: 5px;
    font-weight:normal;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.reserva {
    background: #bbbbbb;
}